/**
 * Created by Noir on 2/7/14.
 */

angular.module('2order.system')
    .directive('toAddChartItem',['$compile','$http', ToInsertChartItemElement]);

function ToInsertChartItemElement($compile,$http){
    return{
        restrict:'EA',
        templateUrl: '/views/component/addItemButton.html',
        link:function(scope,element,attributes){
            var addItem = function(e){
                e.preventDefault();
                var template = [];

                // create an item object
                var item = {
                    type:'text',
                    saved: false
                }
                // push it into items array
                scope.items.push(item);
                // apply
                if(!scope.$$phase) {
                            //$digest or $apply
                            scope.$apply();
                        }
            }
            // event binding
            $('.add-item-btn').on('click',addItem);
        }
    }
}

// get text template file
//                $http.get('/views/component/textChartItem.html')
//                    .success(function(res){
//                        var template = res;
//                        $('to-add-chart-item').after($compile(template)(scope));
//                        // apply
//                        if(!scope.$$phase) {
//                            //$digest or $apply
//                            scope.$apply();
//                        }
//                        // count
//                        if(scope.itemCounter>=0){
//                            scope.itemCounter++;
//                        }
//                        // disable to-add-chart-item
//                        $('.add-item-btn').attr('disabled',true);
//                    });